<template>
  <div id="app">
    <h1 style="text-align: center;">这是contact组件的测试容器</h1>
    <!-- <div class="box">
      <Contact></Contact>
    </div> -->
    <div style="width: 300px; height: 500px; margin: 0 auto;">
      <Contact></Contact>
    </div>
  </div>
</template>

<script>
import Contact from './index.vue'
export default {
  name: 'App',
  components: {
    Contact
  },
  data() {
    return {
    }
  },
  methods: {
  },
  computed: {
  }
}
</script>

<style scoped lang="less">
@import "~@/styles/var.less";
.box {
  width: 200px;
  height: 800px;
  margin: 0 auto;
  margin-top: 400px;
  border: 2px solid slateblue;
  position: relative;
  background-color: @dark;
}
</style>
